<!DOCTYPE html>
<!-- saved from url=(0048)https://demo.easyweb.vip/spa/#/console/workplace -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="icon" href="https://demo.easyweb.vip/spa/assets/images/favicon.ico">
    <title>EasyWeb后台管理模板</title>
<meta name="Keywords" content="eleadmin,easyweb,layui,element ui,vue,admin,后台模板,后台管理模版,后台框架,管理系统">
<meta name="description" content="EleAdmin及EasyWeb是一套通用型后台管理模板，界面美观、开箱即用，拥有丰富的扩展组件和模板页面，适合各类中后台应用。">

    <link rel="stylesheet" href="./layui(1).css">
    <link rel="stylesheet" href="./admin.css">
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
<link id="layuicss-layer" rel="stylesheet" href="./layer(1).css" media="all"><style id="theme-preview">/** ---------------------------theme-my主题start----------------------------------- */
/* logo */
.theme-my .layui-layout-admin .layui-header .layui-logo {
    color: #dddddd;
    background-color: #191a23;
    
}

/* header */


.theme-my .layui-layout-admin .layui-header {
    background-color: #ffffff;
}

.theme-my .layui-layout-admin .layui-header a {
    color: #595959;
}

.theme-my .layui-layout-admin .layui-header a:hover {
    color: #595959;
}

.theme-my .layui-layout-admin .layui-header .layui-nav-child a {
    color: #595959;
}

.theme-my .layui-layout-admin .layui-header .layui-nav .layui-nav-more {
    border-color: #595959 transparent transparent;
}

.theme-my .layui-layout-admin .layui-header .layui-nav .layui-nav-mored {
    border-color: transparent transparent #595959;
}

.theme-my .layui-layout-admin .layui-header .layui-nav .layui-this:after,
.theme-my .layui-layout-admin .layui-header .layui-nav-bar {
    background-color: #191a23;
}



/* side */
.theme-my .layui-layout-admin .layui-side {
    background-color: #191a23;
    
}


.theme-my .layui-nav-tree .layui-nav-child dd.layui-this a,
.theme-my .layui-nav-tree .layui-this > a,
.theme-my .layui-nav-tree .layui-this > a:hover {
    background-color: #009688;
}

.theme-my .layui-nav-tree > .layui-nav-item > a:before {
    background-color: #009688;
}


.theme-my .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .admin-nav-hover > .layui-nav-child:before {
    background: #191a23 !important;
}




/* side icon */
.theme-my .layui-side .layui-nav-item > a > .layui-icon {
    color: #fff;
    width: 28px;
    height: 28px;
    font-size: 12px !important;
    line-height: 28px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    background-color: #61B2FC;
}

.theme-my .layui-side .layui-nav-item:nth-child(even) > a > .layui-icon {
    background-color: #7DD733;
}

.theme-my .layui-side .layui-nav-item:nth-child(3) > a > .layui-icon {
    background-color: #32A2D4;
}

.theme-my .layui-side .layui-nav-item:nth-child(4) > a > .layui-icon {
    background-color: #2BCCCE;
}

.theme-my .layui-side .layui-nav-item:nth-child(5) > a > .layui-icon {
    background-color: #7383CF;
}

@media screen and (min-width: 768px) {
    .theme-my .admin-nav-mini .layui-side .layui-nav-item > a {
        padding-left: 16px;
    }
}

.theme-my .layui-layout-admin .layui-side .layui-nav .layui-nav-item .layui-nav-child a {
    padding-left: 63px;
}

.theme-my .layui-layout-admin .layui-side .layui-nav .layui-nav-item .layui-nav-child .layui-nav-child a {
    padding-left: 83px;
}

.theme-my .layui-layout-admin .layui-side .layui-nav .layui-nav-item .layui-nav-child .layui-nav-child .layui-nav-child a {
    padding-left: 103px;
}

.theme-my .layui-layout-admin .layui-side .layui-nav .layui-nav-item .layui-nav-child .layui-nav-child .layui-nav-child .layui-nav-child a {
    padding-left: 123px;
}

.theme-my .layui-side .layui-nav .layui-nav-item a cite {
    vertical-align: middle;
}


/* body tab */

.theme-my .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this:after {
    background-color: #191a23;
    
}


/* body title */
.theme-my .layui-body-header-title {
    border-left-color: #009688;
}



/* admin dialog */
.theme-my .layui-layer.layui-layer-admin .layui-layer-title {
    color: #ffffff;
    background-color: #191a23;
    
    
}



.theme-my .layui-layer.layui-layer-admin .layui-layer-btn .layui-layer-btn0 {
    border-color: #009688;
    background-color: #009688;
}





/* other */
.theme-my .more-theme-item:hover,
.theme-my .more-theme-item.active {
    border-color: #009688;
}

.theme-my .btn-circle {
    background: #009688;
}

.theme-my .ball-loader > span,
.theme-my .signal-loader > span {
    background-color: #009688;
}

.theme-my .text-primary,
.theme-my .layui-link {
    color: #009688 !important;;
}



/* button */
.theme-my .layui-btn {
    background-color: #009688;
    
}





/* switch */
.theme-my .layui-form-onswitch {
    border-color: #009688;
    background-color: #009688;
}

/* radio */
.theme-my .layui-form-radio > i:hover,
.theme-my .layui-form-radioed > i,
.theme-my .layui-form-checked i,
.theme-my .layui-form-checked:hover i {
    color: #009688;
}

/* checkbox */
.theme-my .layui-form-checked[lay-skin=primary] i,
.theme-my .layui-form-checked span,
.theme-my .layui-form-checked:hover span {
    border-color: #009688 !important;
    background-color: #009688;
}

.theme-my .layui-form-checkbox[lay-skin=primary] i:hover,
.theme-my .layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #009688;
}

/* select */
.theme-my .layui-form-select dl dd.layui-this {
    background-color: #009688;
}

/* laypage */
.theme-my .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #009688;
}

.theme-my .layui-laypage input:focus,
.theme-my select:focus {
    border-color: #009688 !important;
}

.theme-my .layui-laypage a:hover {
    color: #009688;
}

/* tab */
.theme-my .layui-tab-brief > .layui-tab-title .layui-this {
    color: #009688;
}

.theme-my .layui-tab-brief > .layui-tab-more li.layui-this:after,
.theme-my .layui-tab-brief > .layui-tab-title .layui-this:after {
    border-color: #009688 !important;
}

.theme-my .layui-tab.layui-tab-vertical > .layui-tab-title > li.layui-this {
    border-color: #009688;
    color: #009688;
}

/* breadcrumb */
.theme-my .layui-breadcrumb a:hover {
    color: #009688 !important;
}

/* laydate */
.theme-my .layui-laydate-footer span:hover,
.theme-my .layui-laydate-header i:hover,
.theme-my .layui-laydate-header span:hover {
    color: #009688;
}

.theme-my .layui-laydate .layui-this {
    background-color: #009688 !important;
}

.theme-my .layui-laydate-content td.laydate-selected {
    background-color: rgba(0,150,136,.1);
}

.theme-my .laydate-selected:hover {
    background-color: rgba(0,150,136,.1) !important;
}

/* timeline */
.theme-my .layui-timeline-axis {
    color: #009688;
}

/* transfer */
.theme-my .layui-transfer-active .layui-btn {
    background-color: #009688 !important;
    border-color: #009688 !important;
}

/* progress-bar */
.theme-my .layui-progress-bar {
    background-color: #009688;
}

/* slider */
.theme-my .layui-slider-bar {
    background-color: #009688 !important;
}

.theme-colorful .layui-slider-wrap-btn {
    border-color: #009688 !important;
}

/* steps */
.theme-my .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon {
    color: #009688;
}

.theme-my .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon.layui-icon-ok,
.theme-my .layui-elem-quote {
    border-color: #009688;
}

.theme-my .layui-tab.layui-steps > .layui-tab-title > li:before,
.theme-my .layui-tab.layui-steps > .layui-tab-title > li.layui-this > .layui-icon.layui-icon-ok {
    background-color: #009688;
}

.theme-my .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li {
    background-color: rgba(0,150,136,.5);
}

.theme-my .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this {
    background-color: #009688;
}

.theme-my .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li:after {
    border-left-color: rgba(0,150,136,.5) !important;
}

.theme-my .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this + li:after {
    border-left-color: #009688 !important;
}

/* xmSelect */
.theme-my xm-select .xm-body .xm-option .xm-option-icon {
    border-color: #009688 !important;
}

.theme-my xm-select .xm-body .xm-option.selected .xm-option-icon,
.theme-my xm-select > .xm-body .xm-toolbar .toolbar-tag:hover,
.theme-my .ew-xmselect-tree xm-select .xm-body .xm-option.selected .xm-option-content {
    color: #009688 !important;
}

.theme-my xm-select .xm-label .xm-label-block,
.theme-my xm-select > .xm-body .xm-option.hide-icon.selected {
    background-color: #009688 !important;
}

/* tagsinput */
.theme-my div.tagsinput span.tag {
    background: #009688;
}

/* cascader */
.theme-my .ew-cascader-dropdown-list-item.active,
.theme-my .ew-cascader-dropdown-list-item.active .ew-icon-right {
    color: #009688;
}

/* city-select */
.theme-my .city-select a.active {
    color: #fff !important;
    background-color: #009688 !important;
}

.theme-my .city-select a:hover,
.theme-my .city-select a:focus {
    background-color: rgba(0,150,136,.07);
    color: #009688;
}

.theme-my .city-picker-span > .title > span:hover {
    background-color: rgba(0,150,136,.07);
}

.theme-my .city-select-tab > a.active {
    color: #009688;
}


/** ---------------------------theme-my主题end----------------------------------- */
</style></head>
<body class="layui-layout-body theme-my close-footer">
<div class="layui-layout layui-layout-admin">
    <!-- 头部 -->
    <div class="layui-header" style="box-shadow: rgba(0, 0, 0, 0.03) 0px 1px 0px 0px;">
        <div class="layui-logo">
            <img src="./logo.png">
            <cite>&nbsp;EasyWeb spa</cite>
        </div>
        <ul class="layui-nav layui-layout-left">
            <li class="layui-nav-item" lay-unselect="">
                <a ew-event="flexible" title="侧边伸缩"><i class="layui-icon layui-icon-shrink-right"></i></a>
            </li>
            <li class="layui-nav-item" lay-unselect="">
                <a ew-event="refresh" title="刷新"><i class="layui-icon layui-icon-refresh-3"></i></a>
            </li>
        <span class="layui-nav-bar" style="left: 284.891px; top: 49px; width: 0px; opacity: 0;"></span></ul>
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item" lay-unselect="">
                <a ew-event="message" title="消息">
                    <i class="layui-icon layui-icon-notice"></i>
                    <span class="layui-badge-dot"></span>
                </a>
            </li>
            <li class="layui-nav-item" lay-unselect="">
                <a ew-event="note" title="便签"><i class="layui-icon layui-icon-note"></i></a>
            </li>
            <li class="layui-nav-item layui-hide-xs" lay-unselect="">
                <a ew-event="fullScreen" title="全屏"><i class="layui-icon layui-icon-screen-full"></i></a>
            </li>
            <li class="layui-nav-item layui-hide-xs" lay-unselect="">
                <a ew-event="lockScreen" title="锁屏"><i class="layui-icon layui-icon-password"></i></a>
            </li>
            <li class="layui-nav-item" lay-unselect="">
                <a>
                    <img src="./head.jpg" class="layui-nav-img">
                    <cite id="huName">管理员</cite>
                <span class="layui-nav-more"></span></a>
                <dl class="layui-nav-child">
                    <dd lay-unselect=""><a href="https://demo.easyweb.vip/spa/#/template/user-info">个人中心</a></dd>
                    <dd lay-unselect=""><a ew-event="psw">修改密码</a></dd>
                    <hr>
                    <dd lay-unselect=""><a ew-event="logout" data-url="components/template/login/login.html">退出</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item" lay-unselect="">
                <a ew-event="theme" title="主题"><i class="layui-icon layui-icon-more-vertical"></i></a>
            </li>
        <span class="layui-nav-bar"></span></ul>
    </div>
    <!-- 侧边栏 -->
    <div class="layui-side">
        <div class="layui-side-scroll">
            <ul class="layui-nav layui-nav-tree arrow2" lay-filter="admin-side-nav" lay-shrink="_all">
    
    <li class="layui-nav-item layui-nav-itemed">
        <a href="javascript:;" target="_self">
            <i class="layui-icon layui-icon layui-icon-home"></i> <cite>Dashboard</cite>
        <span class="layui-nav-more"></span></a>
        
    <dl class="layui-nav-child" style="">
        
        <dd class="layui-this">
            <a href="https://demo.easyweb.vip/spa/#/console/workplace" target="_self">
                
                工作台
            </a>
            
        </dd>
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/console/console" target="_self">
                
                控制台
            </a>
            
        </dd>
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/console/dashboard" target="_self">
                
                分析页
            </a>
            
        </dd>
        
    </dl>
    
    </li>
    
    <li class="layui-nav-item">
        <a href="javascript:;" target="_self">
            <i class="layui-icon layui-icon layui-icon-set"></i> <cite>系统管理</cite>
        <span class="layui-nav-more"></span></a>
        
    <dl class="layui-nav-child">
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/system/user" target="_self">
                
                用户管理
            </a>
            
        </dd>
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/system/role" target="_self">
                
                角色管理
            </a>
            
        </dd>
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/system/authorities" target="_self">
                
                权限管理
            </a>
            
        </dd>
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/system/dictionary" target="_self">
                
                字典管理
            </a>
            
        </dd>
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/system/organization" target="_self">
                
                机构管理
            </a>
            
        </dd>
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/system/login-record" target="_self">
                
                登录日志
            </a>
            
        </dd>
        
    </dl>
    
    </li>
    
    <li class="layui-nav-item">
        <a href="javascript:;" target="_self">
            <i class="layui-icon layui-icon layui-icon-template"></i> <cite>模板页面</cite>
        <span class="layui-nav-more"></span></a>
        
    <dl class="layui-nav-child">
        
        <dd>
            <a href="javascript:;" target="_self">
                
                表单页
            <span class="layui-nav-more"></span></a>
            
    <dl class="layui-nav-child">
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/template/form/form-basic" target="_self">
                
                基础表单
            </a>
            
        </dd>
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/template/form/form-advance" target="_self">
                
                复杂表单
            </a>
            
        </dd>
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/template/form/form-step" target="_self">
                
                分步表单
            </a>
            
        </dd>
        
    </dl>
    
        </dd>
        
        <dd>
            <a href="javascript:;" target="_self">
                
                表格页
            <span class="layui-nav-more"></span></a>
            
    <dl class="layui-nav-child">
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/template/table/table-basic" target="_self">
                
                数据表格
            </a>
            
        </dd>
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/template/table/table-advance" target="_self">
                
                复杂表格
            </a>
            
        </dd>
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/template/table/table-img" target="_self">
                
                图片表格
            </a>
            
        </dd>
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/template/table/table-card" target="_self">
                
                卡片列表
            </a>
            
        </dd>
        
    </dl>
    
        </dd>
        
        <dd>
            <a href="javascript:;" target="_self">
                
                错误页
            <span class="layui-nav-more"></span></a>
            
    <dl class="layui-nav-child">
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/template/error/error-500" target="_self">
                
                500
            </a>
            
        </dd>
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/template/error/error-404" target="_self">
                
                404
            </a>
            
        </dd>
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/template/error/error-403" target="_self">
                
                403
            </a>
            
        </dd>
        
    </dl>
    
        </dd>
        
        <dd>
            <a href="javascript:;" target="_self">
                
                登录页
            <span class="layui-nav-more"></span></a>
            
    <dl class="layui-nav-child">
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/components/template/login/login.html" target="_blank">
                
                登录页
            </a>
            
        </dd>
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/components/template/login/reg.html" target="_blank">
                
                注册页
            </a>
            
        </dd>
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/components/template/login/forget.html" target="_blank">
                
                忘记密码
            </a>
            
        </dd>
        
    </dl>
    
        </dd>
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/template/user-info" target="_self">
                
                个人中心
            </a>
            
        </dd>
        
    </dl>
    
    </li>
    
    <li class="layui-nav-item">
        <a href="javascript:;" target="_self">
            <i class="layui-icon layui-icon layui-icon-component"></i> <cite>扩展组件</cite>
        <span class="layui-nav-more"></span></a>
        
    <dl class="layui-nav-child">
        
        <dd>
            <a href="javascript:;" target="_self">
                
                常用组件
            <span class="layui-nav-more"></span></a>
            
    <dl class="layui-nav-child">
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/plugin/basic/dialog" target="_self">
                
                弹窗扩展
            </a>
            
        </dd>
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/plugin/basic/dropdown" target="_self">
                
                下拉菜单
            </a>
            
        </dd>
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/plugin/basic/notice" target="_self">
                
                消息通知
            </a>
            
        </dd>
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/plugin/basic/tagsInput" target="_self">
                
                标签输入
            </a>
            
        </dd>
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/plugin/basic/cascader" target="_self">
                
                级联选择
            </a>
            
        </dd>
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/plugin/basic/steps" target="_self">
                
                步骤条
            </a>
            
        </dd>
        
    </dl>
    
        </dd>
        
        <dd>
            <a href="javascript:;" target="_self">
                
                进阶组件
            <span class="layui-nav-more"></span></a>
            
    <dl class="layui-nav-child">
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/plugin/advance/printer" target="_self">
                
                打印插件
            </a>
            
        </dd>
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/plugin/advance/split" target="_self">
                
                分割面板
            </a>
            
        </dd>
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/plugin/advance/formX" target="_self">
                
                表单扩展
            </a>
            
        </dd>
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/plugin/advance/tableX" target="_self">
                
                表格扩展
            </a>
            
        </dd>
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/plugin/advance/dataGrid" target="_self">
                
                数据列表
            </a>
            
        </dd>
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/plugin/advance/contextMenu" target="_self">
                
                鼠标右键
            </a>
            
        </dd>
        
    </dl>
    
        </dd>
        
        <dd>
            <a href="javascript:;" target="_self">
                
                其他组件
            <span class="layui-nav-more"></span></a>
            
    <dl class="layui-nav-child">
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/plugin/other/circleProgress" target="_self">
                
                圆形进度条
            </a>
            
        </dd>
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/plugin/other/editor" target="_self">
                
                富文本编辑
            </a>
            
        </dd>
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/plugin/other/mousewheel" target="_self">
                
                鼠标滚轮
            </a>
            
        </dd>
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/plugin/other/other" target="_self">
                
                更多组件
            </a>
            
        </dd>
        
    </dl>
    
        </dd>
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/plugin/more" target="_self">
                
                更多扩展
            </a>
            
        </dd>
        
    </dl>
    
    </li>
    
    <li class="layui-nav-item">
        <a href="javascript:;" target="_self">
            <i class="layui-icon layui-icon layui-icon-app"></i> <cite>经典实例</cite>
        <span class="layui-nav-more"></span></a>
        
    <dl class="layui-nav-child">
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/example/dialog" target="_self">
                
                弹窗实例
            </a>
            
        </dd>
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/example/course" target="_self">
                
                课程管理
            </a>
            
        </dd>
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/example/calendar" target="_self">
                
                排课管理
            </a>
            
        </dd>
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/example/question" target="_self">
                
                添加试题
            </a>
            
        </dd>
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/example/file" target="_self">
                
                文件管理
            </a>
            
        </dd>
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/example/table-crud" target="_self">
                
                表格CRUD
            </a>
            
        </dd>
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/example/router-demo" target="_self">
                
                路由传参
            </a>
            
        </dd>
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/side-more.html" target="_blank">
                
                多系统模式
            </a>
            
        </dd>
        
    </dl>
    
    </li>
    
    <li class="layui-nav-item">
        <a href="javascript:;" target="_self">
            <i class="layui-icon layui-icon layui-icon-release"></i> <cite>LayUI组件</cite>
        <span class="layui-nav-more"></span></a>
        
    <dl class="layui-nav-child">
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/plugin/other/layui" target="_self">
                
                组件演示
            </a>
            
        </dd>
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/layui/doc" target="_self">
                
                layui文档
            </a>
            
        </dd>
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/layui/layer" target="_self">
                
                layer弹窗
            </a>
            
        </dd>
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/layui/laydate" target="_self">
                
                laydate日期
            </a>
            
        </dd>
        
    </dl>
    
    </li>
    
    <li class="layui-nav-item">
        <a href="javascript:;" target="_self">
            <i class="layui-icon layui-icon-unlink"></i> <cite>多级菜单</cite>
        <span class="layui-nav-more"></span></a>
        
    <dl class="layui-nav-child">
        
        <dd>
            <a href="javascript:;" target="_self">
                
                二级菜单
            </a>
            
        </dd>
        
        <dd>
            <a href="javascript:;" target="_self">
                
                二级菜单
            <span class="layui-nav-more"></span></a>
            
    <dl class="layui-nav-child">
        
        <dd>
            <a href="javascript:;" target="_self">
                
                三级菜单
            </a>
            
        </dd>
        
        <dd>
            <a href="javascript:;" target="_self">
                
                三级菜单
            <span class="layui-nav-more"></span></a>
            
    <dl class="layui-nav-child">
        
        <dd>
            <a href="javascript:;" target="_self">
                
                四级菜单
            </a>
            
        </dd>
        
        <dd>
            <a href="javascript:;" target="_self">
                
                四级菜单
            <span class="layui-nav-more"></span></a>
            
    <dl class="layui-nav-child">
        
        <dd>
            <a href="javascript:;" target="_self">
                
                五级菜单
            </a>
            
        </dd>
        
        <dd>
            <a href="https://demo.easyweb.vip/spa/#/baidu" target="_self">
                
                百度一下
            </a>
            
        </dd>
        
    </dl>
    
        </dd>
        
    </dl>
    
        </dd>
        
    </dl>
    
        </dd>
        
    </dl>
    
    </li>
    
    <li class="layui-nav-item">
        <a href="https://demo.easyweb.vip/spa/#/baidu2" target="_self">
            <i class="layui-icon layui-icon-unlink"></i> <cite>一级菜单</cite>
        </a>
        
    </li>
    
    
<span class="layui-nav-bar"></span></ul>
        </div>
    </div>
    <!-- 主体部分 -->
    <div class="layui-body"><div class="layui-body-header show">   <span class="layui-body-header-title">
                
                工作台
            </span>   <span class="layui-breadcrumb pull-right" lay-filter="admin-body-breadcrumb" style="visibility: visible;"><a><cite>Dashboard</cite></a></span></div><div lay-id="console/workplace" lay-url="/console/workplace"><tpl></tpl>
<style>
    /** 应用快捷块样式 */
    .console-app-group {
        display: block;
        padding: 16px;
        border-radius: 4px;
        text-align: center;
        background-color: #fff;
        cursor: pointer;
    }

    .console-app-group .console-app-icon {
        width: 32px;
        height: 32px;
        line-height: 32px;
        margin-bottom: 6px;
        display: inline-block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 32px;
        color: #69c0ff;
    }

    .console-app-group:hover {
        box-shadow: 0 0 15px rgba(0, 0, 0, .08);
    }

    /** //应用快捷块样式 */

    /** 小组成员 */
    .console-user-group {
        position: relative;
        padding: 10px 0 10px 60px;
    }

    .console-user-group .console-user-group-head {
        width: 32px;
        height: 32px;
        position: absolute;
        top: 50%;
        left: 12px;
        margin-top: -16px;
        border-radius: 50%;
    }

    .console-user-group .layui-badge {
        position: absolute;
        top: 50%;
        right: 8px;
        margin-top: -10px;
    }

    .console-user-group .console-user-group-name {
        line-height: 1.2;
    }

    .console-user-group .console-user-group-desc {
        color: #8c8c8c;
        line-height: 1;
        font-size: 12px;
        margin-top: 5px;
    }

    /** 卡片轮播图样式 */
    .admin-carousel .layui-carousel-ind {
        position: absolute;
        top: -41px;
        text-align: right;
    }

    .admin-carousel .layui-carousel-ind ul {
        background: 0 0;
    }

    .admin-carousel .layui-carousel-ind li {
        background-color: #e2e2e2;
    }

    .admin-carousel .layui-carousel-ind li.layui-this {
        background-color: #999;
    }

    /** 广告位轮播图 */
    .admin-news .layui-carousel-ind {
        height: 45px;
    }

    .admin-news a {
        display: block;
        line-height: 70px;
        text-align: center;
    }

    /** 最新动态时间线 */
    .layui-timeline-dynamic .layui-timeline-item {
        padding-bottom: 0;
    }

    .layui-timeline-dynamic .layui-timeline-item:before {
        top: 16px;
    }

    .layui-timeline-dynamic .layui-timeline-axis {
        width: 9px;
        height: 9px;
        left: 1px;
        top: 7px;
        background-color: #cbd0db;
    }

    .layui-timeline-dynamic .layui-timeline-axis.active {
        background-color: #0c64eb;
        box-shadow: 0 0 0 2px rgba(12, 100, 235, .3);
    }

    .dynamic-card-body {
        box-sizing: border-box;
        overflow: hidden;
    }

    .dynamic-card-body:hover {
        overflow-y: auto;
        padding-right: 9px;
    }

    /** 优先级徽章 */
    .layui-badge-priority {
        border-radius: 50%;
        width: 20px;
        height: 20px;
        padding: 0;
        line-height: 18px;
        border-width: 2px;
        font-weight: 600;
    }
</style>
<!-- 正文开始 -->
<div class="layui-fluid ew-console-wrapper">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">
            <div class="layui-card">
                <div class="layui-card-header">
                    访问量<span class="layui-badge layui-badge-green pull-right">日</span>
                </div>
                <div class="layui-card-body">
                    <p class="lay-big-font">25,848</p>
                    <p>总访问量<span class="pull-right">280 万</span></p>
                </div>
            </div>
        </div>
        <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">
            <div class="layui-card">
                <div class="layui-card-header">
                    销售额<span class="layui-badge layui-badge-blue pull-right">月</span>
                </div>
                <div class="layui-card-body">
                    <p class="lay-big-font"><span style="font-size: 26px;line-height: 1;">¥</span>12,000</p>
                    <p>总销售额<span class="pull-right">68 万</span></p>
                </div>
            </div>
        </div>
        <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">
            <div class="layui-card">
                <div class="layui-card-header">
                    订单量<span class="layui-badge layui-badge-red pull-right">周</span>
                </div>
                <div class="layui-card-body">
                    <p class="lay-big-font">1,680</p>
                    <p>转化率<span class="pull-right">60%</span></p>
                </div>
            </div>
        </div>
        <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">
            <div class="layui-card">
                <div class="layui-card-header">
                    新增用户
                    <span class="icon-text pull-right" lay-tips="指标说明" lay-direction="4" lay-offset="5px,5px">
                        <i class="layui-icon layui-icon-tips"></i>
                    </span>
                </div>
                <div class="layui-card-body">
                    <p class="lay-big-font">128 <span style="font-size: 24px;line-height: 1;">位</span></p>
                    <p>总用户<span class="pull-right">10800 人</span></p>
                </div>
            </div>
        </div>
    </div>
    <!-- 快捷方式 -->
    <div class="layui-row layui-col-space15">
        <div class="layui-col-sm6" style="padding-bottom: 0;">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-xs6 layui-col-sm3">
                    <a class="console-app-group" href="https://demo.easyweb.vip/spa/#/system/user">
                        <i class="console-app-icon layui-icon layui-icon-group" style="font-size: 26px;padding-top: 3px;margin-right: 6px;"></i>
                        <div class="console-app-name">用户</div>
                    </a>
                </div>
                <div class="layui-col-xs6 layui-col-sm3">
                    <div class="console-app-group">
                        <i class="console-app-icon layui-icon layui-icon-chart" style="color: #95de64;"></i>
                        <div class="console-app-name">分析</div>
                    </div>
                </div>
                <div class="layui-col-xs6 layui-col-sm3">
                    <div class="console-app-group">
                        <i class="console-app-icon layui-icon layui-icon-cart" style="color: #ff9c6e;"></i>
                        <div class="console-app-name">商品</div>
                    </div>
                </div>
                <div class="layui-col-xs6 layui-col-sm3">
                    <div class="console-app-group">
                        <i class="console-app-icon layui-icon layui-icon-form" style="color: #b37feb;font-size: 30px;"></i>
                        <div class="console-app-name">订单</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-sm6" style="padding-bottom: 0;">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-xs6 layui-col-sm3">
                    <div class="console-app-group">
                        <i class="console-app-icon layui-icon layui-icon-layer" style="color: #ffd666;font-size: 34px;"></i>
                        <div class="console-app-name">票据</div>
                    </div>
                </div>
                <div class="layui-col-xs6 layui-col-sm3">
                    <div class="console-app-group">
                        <i class="console-app-icon layui-icon layui-icon-email" style="color: #5cdbd3;font-size: 36px;"></i>
                        <div class="console-app-name">消息</div>
                    </div>
                </div>
                <div class="layui-col-xs6 layui-col-sm3">
                    <div class="console-app-group">
                        <i class="console-app-icon layui-icon layui-icon-note" style="color: #ff85c0;font-size: 28px;"></i>
                        <div class="console-app-name">标签</div>
                    </div>
                </div>
                <div class="layui-col-xs6 layui-col-sm3">
                    <div class="console-app-group">
                        <i class="console-app-icon layui-icon layui-icon-slider" style="color: #ffc069;"></i>
                        <div class="console-app-name">配置</div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="layui-row layui-col-space15">
        <div class="layui-col-md8 layui-col-sm6">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md6">
                    <div class="layui-card">
                        <div class="layui-card-header">最新动态</div>
                        <div class="layui-card-body dynamic-card-body mini-bar" style="height: 265px;">
                            <ul class="layui-timeline layui-timeline-dynamic">
                                <li class="layui-timeline-item">
                                    <i class="layui-icon layui-timeline-axis"></i>
                                    <div class="layui-timeline-content layui-text">
                                        <div class="layui-timeline-title">研发经理 指派了任务 陪客户吃饭
                                            <span class="pull-right">14:30 </span></div>
                                    </div>
                                </li>
                                <li class="layui-timeline-item">
                                    <i class="layui-icon layui-timeline-axis active"></i>
                                    <div class="layui-timeline-content layui-text">
                                        <div class="layui-timeline-title">测试组长 提交了bug 代码错误
                                            <span class="pull-right">14:00 </span></div>
                                    </div>
                                </li>
                                <li class="layui-timeline-item">
                                    <i class="layui-icon layui-timeline-axis"></i>
                                    <div class="layui-timeline-content layui-text">
                                        <div class="layui-timeline-title">管理员 登录了系统
                                            <span class="pull-right">13:30 </span></div>
                                    </div>
                                </li>
                                <li class="layui-timeline-item">
                                    <i class="layui-icon layui-timeline-axis active"></i>
                                    <div class="layui-timeline-content layui-text">
                                        <div class="layui-timeline-title">开发一 解决了bug 代码错误
                                            <span class="pull-right">11:30 </span></div>
                                    </div>
                                </li>
                                <li class="layui-timeline-item">
                                    <i class="layui-icon layui-timeline-axis active"></i>
                                    <div class="layui-timeline-content layui-text">
                                        <div class="layui-timeline-title">测试一 创建了用例 用户登录
                                            <span class="pull-right">11:00 </span></div>
                                    </div>
                                </li>
                                <li class="layui-timeline-item">
                                    <i class="layui-icon layui-timeline-axis"></i>
                                    <div class="layui-timeline-content layui-text">
                                        <div class="layui-timeline-title">开发二 退出了系统
                                            <span class="pull-right">10:30 </span></div>
                                    </div>
                                </li>
                                <li class="layui-timeline-item">
                                    <i class="layui-icon layui-timeline-axis"></i>
                                    <div class="layui-timeline-content layui-text">
                                        <div class="layui-timeline-title">研发经理 指派了任务 修改大bug
                                            <span class="pull-right">10:00 </span></div>
                                    </div>
                                </li>
                                <li class="layui-timeline-item">
                                    <i class="layui-icon layui-timeline-axis"></i>
                                    <div class="layui-timeline-content layui-text">
                                        <div class="layui-timeline-title">研发经理 指派了任务 修改小bug
                                            <span class="pull-right">09:30 </span></div>
                                    </div>
                                </li>
                                <li class="layui-timeline-item">
                                    <i class="layui-icon layui-timeline-axis active"></i>
                                    <div class="layui-timeline-content layui-text">
                                        <div class="layui-timeline-title">研发经理 指派了任务 修改小bug
                                            <span class="pull-right">09:00 </span></div>
                                    </div>
                                </li>
                                <li class="layui-timeline-item">
                                    <i class="layui-icon layui-timeline-axis"></i>
                                    <div class="layui-timeline-content layui-text">
                                        <div class="layui-timeline-title">管理员 登录了系统
                                            <span class="pull-right">08:30 </span></div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md6">
                    <div class="layui-card">
                        <div class="layui-card-header">我的任务</div>
                        <div class="layui-card-body">
                            <table class="layui-table" lay-skin="line">
                                <colgroup>
                                    <col width="80">
                                    <col>
                                    <col width="80">
                                </colgroup>
                                <thead>
                                <tr>
                                    <td align="center">优先级</td>
                                    <td>任务名称</td>
                                    <td align="center">状态</td>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td align="center">
                                        <span class="layui-badge layui-badge-red layui-badge-priority">1</span>
                                    </td>
                                    <td><span class="layui-text"><a>参加股东大会</a></span></td>
                                    <td align="center"><span class="text-warning">未开始</span></td>
                                </tr>
                                <tr>
                                    <td align="center">
                                        <span class="layui-badge layui-badge-yellow layui-badge-priority">2</span>
                                    </td>
                                    <td><span class="layui-text"><a>陪客户吃饭</a></span></td>
                                    <td align="center"><span class="text-warning">未开始</span></td>
                                </tr>
                                <tr>
                                    <td align="center">
                                        <span class="layui-badge layui-badge-blue layui-badge-priority">3</span>
                                    </td>
                                    <td><span class="layui-text"><a>项目开发</a></span></td>
                                    <td align="center"><span class="text-success">进行中</span></td>
                                </tr>
                                <tr>
                                    <td align="center">
                                        <span class="layui-badge layui-badge-blue layui-badge-priority">3</span>
                                    </td>
                                    <td><span class="layui-text"><a>修改大bug</a></span></td>
                                    <td align="center">
                                        <del class="text-muted">已完成</del>
                                    </td>
                                </tr>
                                <tr>
                                    <td align="center">
                                        <span class="layui-badge layui-badge-blue layui-badge-priority">3</span>
                                    </td>
                                    <td><span class="layui-text"><a>修改小bug</a></span></td>
                                    <td align="center">
                                        <del class="text-muted">已完成</del>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-header">项目进度</div>
                        <div class="layui-card-body">
                            <table class="layui-table" lay-skin="line">
                                <colgroup>
                                    <col width="40">
                                    <col>
                                    <col>
                                    <col>
                                    <col>
                                    <col width="160">
                                </colgroup>
                                <thead>
                                <tr>
                                    <td></td>
                                    <td>项目名称</td>
                                    <td align="center">开始时间</td>
                                    <td align="center">截至时间</td>
                                    <td align="center">状态</td>
                                    <td align="center">进度</td>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>1</td>
                                    <td><span class="layui-text"><a>仓库管理系统</a></span></td>
                                    <td align="center">2020-03-01</td>
                                    <td align="center">2020-06-01</td>
                                    <td align="center"><span class="text-success">进行中</span></td>
                                    <td>
                                        <div class="layui-progress" lay-showpercent="yes">
                                            <div class="layui-progress-bar" lay-percent="30%" style="width: 30%;"><span class="layui-progress-text">30%</span></div>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>2</td>
                                    <td><span class="layui-text"><a>档案管理系统</a></span></td>
                                    <td align="center">2020-03-01</td>
                                    <td align="center">2020-08-01</td>
                                    <td align="center"><span class="text-success">进行中</span></td>
                                    <td>
                                        <div class="layui-progress" lay-showpercent="yes">
                                            <div class="layui-progress-bar" lay-percent="10%" style="width: 10%;"><span class="layui-progress-text">10%</span></div>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>3</td>
                                    <td><span class="layui-text"><a>后台管理系统</a></span></td>
                                    <td align="center">2020-01-01</td>
                                    <td align="center">2020-05-01</td>
                                    <td align="center"><span class="text-danger">已延期</span></td>
                                    <td>
                                        <div class="layui-progress" lay-showpercent="yes">
                                            <div class="layui-progress-bar" lay-percent="60%" style="width: 60%;"><span class="layui-progress-text">60%</span></div>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>4</td>
                                    <td><span class="layui-text"><a>粮情监测系统</a></span></td>
                                    <td align="center">2020-06-01</td>
                                    <td align="center">2020-10-01</td>
                                    <td align="center"><span class="text-warning">未开始</span></td>
                                    <td>
                                        <div class="layui-progress" lay-showpercent="yes">
                                            <div class="layui-progress-bar" lay-percent="0%" style="width: 0%;"><span class="layui-progress-text">0%</span></div>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>5</td>
                                    <td><span class="layui-text"><a>项目00000001</a></span></td>
                                    <td align="center">2020-01-01</td>
                                    <td align="center">2020-04-01</td>
                                    <td align="center"><span class="text-muted">已完成</span></td>
                                    <td>
                                        <div class="layui-progress" lay-showpercent="yes">
                                            <div class="layui-progress-bar" lay-percent="90%" style="width: 90%;"><span class="layui-progress-text">90%</span></div>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>6</td>
                                    <td><span class="layui-text"><a>项目00000002</a></span></td>
                                    <td align="center">2020-01-01</td>
                                    <td align="center">2020-03-01</td>
                                    <td align="center"><span class="text-muted">已完成</span></td>
                                    <td>
                                        <div class="layui-progress" lay-showpercent="yes">
                                            <div class="layui-progress-bar" lay-percent="100%" style="width: 100%;"><span class="layui-progress-text">100%</span></div>
                                        </div>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-md4 layui-col-sm6">
            <div class="layui-card">
                <div class="layui-card-header">版本信息</div>
                <div class="layui-card-body">
                    <table class="layui-table layui-text">
                        <colgroup>
                            <col width="90">
                            <col>
                        </colgroup>
                        <tbody>
                        <tr>
                            <td>当前版本</td>
                            <td>v3.1.8  
                                <a href="https://easyweb.vip/doc/" target="_blank">更新日志</a></td>
                        </tr>
                        <tr>
                            <td>基于框架</td>
                            <td>layui-v2.5.6</td>
                        </tr>
                        <tr>
                            <td>主要特色</td>
                            <td>单页面 / 响应式 / 简约 / 易上手</td>
                        </tr>
                        <tr>
                            <td>获取渠道</td>
                            <td>
                                <a href="http://easyweb.vip/" class="layui-btn layui-btn-sm layui-btn-danger" target="_blank">获取授权</a>
                                <a href="http://easyweb.vip/user/order" target="_blank" class="layui-btn layui-btn-sm">立即下载</a>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="layui-card">
                <div class="layui-card-header">小组成员</div>
                <div class="layui-card-body">
                    <div class="console-user-group">
                        <img src="./head.jpg" class="console-user-group-head">
                        <div class="console-user-group-name">周星星</div>
                        <div class="console-user-group-desc">产品负责人</div>
                        <span class="layui-badge layui-badge-green">在线</span>
                    </div>
                    <div class="console-user-group">
                        <img src="./head.jpg" class="console-user-group-head">
                        <div class="console-user-group-name">周星星</div>
                        <div class="console-user-group-desc">项目负责人</div>
                        <span class="layui-badge layui-badge-green">在线</span>
                    </div>
                    <div class="console-user-group">
                        <img src="./head.jpg" class="console-user-group-head">
                        <div class="console-user-group-name">周星星</div>
                        <div class="console-user-group-desc">产品负责人</div>
                        <span class="layui-badge layui-badge-red">离线</span>
                    </div>
                    <div class="console-user-group">
                        <img src="./head.jpg" class="console-user-group-head">
                        <div class="console-user-group-name">周星星</div>
                        <div class="console-user-group-desc">测试负责人</div>
                        <span class="layui-badge layui-badge-red">离线</span>
                    </div>
                </div>
            </div>
            <div class="layui-card">
                <div class="layui-card-header">友情链接</div>
                <div class="layui-card-body">
                    <div class="layui-carousel admin-carousel admin-news" id="workplaceNewsCarousel" lay-anim="fade" lay-indicator="inside" lay-arrow="none" style="width: 100%; height: 70px;">
                        <div carousel-item="">
                            <div class="">
                                <a href="http://www.layui.com/" target="_blank" style="color:#fff;background-color: #009688;background-image: linear-gradient(to right,#009688,#5fb878);">
                                    layui - 经典模块化前端框架</a>
                            </div>
                            <div class="">
                                <a href="http://fly.layui.com/extend/" target="_blank" style="color:#fff;background-color: #009fde;background-image: linear-gradient(to right,#009fde,#00beff);">
                                    layui第三方组件平台</a>
                            </div>
                            <div class="layui-this">
                                <a href="https://fly.layui.com/" target="_blank" style="color:#fff;background-color: #34363f;background-image: linear-gradient(to right,#34363f,#676c7c);">
                                    layui框架官方社区</a>
                            </div>
                        </div>
                    <div class="layui-carousel-ind"><ul><li class=""></li><li class=""></li><li class="layui-this"></li></ul></div><button class="layui-icon layui-carousel-arrow" lay-type="sub"></button><button class="layui-icon layui-carousel-arrow" lay-type="add"></button></div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- js部分 -->
<script>
    layui.use(['layer', 'carousel', 'element'], function () {
        var $ = layui.jquery;
        var layer = layui.layer;
        var carousel = layui.carousel;
        var device = layui.device();
        layui.element.render('progress');

        // 渲染轮播
        carousel.render({
            elem: '#workplaceNewsCarousel',
            width: '100%',
            height: '70px',
            arrow: 'none',
            autoplay: true,
            trigger: device.ios || device.android ? 'click' : 'hover',
            anim: 'fade'
        });

    });
</script></div><div class="page-loading" style="display: none;"><div class="ball-loader "><span></span><span></span><span></span><span></span></div></div></div>
    <!-- 底部 -->
    <div class="layui-footer layui-text">
        copyright © 2020 <a href="http://easyweb.vip/" target="_blank">easyweb.vip</a> all rights reserved.
        <span class="pull-right">Version 3.1.8</span>
    </div>
<div class="site-mobile-shade"></div></div>
<!-- 加载动画 -->
<div class="page-loading" style="display: none;">
    <div class="ball-loader">
        <span></span><span></span><span></span><span></span>
    </div>
</div>
<!-- 侧边栏渲染模板 -->
<script id="sideNav" type="text/html">
    {{#  layui.each(d, function(index, item){ }}
    <li class="layui-nav-item">
        <a href="{{item.url}}" target="{{item.target}}">
            <i class="layui-icon {{item.icon}}"></i>&emsp;<cite>{{ item.name }}</cite>
        </a>
        {{# if(item.subMenus&&item.subMenus.length>0){ getSubMenus(item.subMenus); } }}
    </li>
    {{#  }); }}
    {{# function getSubMenus(subMenus){ }}
    <dl class="layui-nav-child">
        {{# layui.each(subMenus, function(index, subItem){ }}
        <dd>
            <a href="{{ subItem.url }}" target="{{subItem.target}}">
                {{# if(subItem.icon){ }}
                <i class="layui-icon {{subItem.icon}}"></i>&emsp;
                {{# } }}
                {{ subItem.name }}
            </a>
            {{# if(subItem.subMenus&&subItem.subMenus.length>0){ getSubMenus(subItem.subMenus); } }}
        </dd>
        {{# }); }}
    </dl>
    {{# } }}
</script>
<!-- js部分 -->
<script type="text/javascript" src="./layui.js(1).下载"></script>
<script type="text/javascript" src="./main.js.下载"></script>

</body></html>